﻿<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8" />
     
        <meta name="viewport" content="width=device-width,initial-scale=1" />
       
        <link href="@Url.Content("~/Content/jquery.mobile-1.1.1.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/jquery.mobile.structure-1.1.1.css")" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="@Url.Content("~/Content/Site.Mobile.css")" />
        <link href="@Url.Content("~/Content/css/MobilePage.css")" rel="Stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/css/validationEngine.jquery.Mobile.css")" rel="stylesheet"type="text/css" />
        <link href="@Url.Content("~/Content/css/eweMobile.css")" rel="stylesheet" type="text/css" />

        <link href="@Url.Content("~/Content/css/TabletEweStyle.css")" rel="stylesheet" type="text/css" />
       
        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.3.min.js")"></script>
        <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validationEngine.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" type="text/javascript"></script> 
        <script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.js")" type="text/javascript"></script>

        <script src="@Url.Content("~/Scripts/jquery.Epi.Survey.Components.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/CheckCodeEngine.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.PreventEnter.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery-ui-sliderAccess.js")" type="text/javascript"></script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tools.min.js")"></script>
        <script type="text/javascript">
            $(document).bind("mobileinit", function() {
                // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
                // when navigating from a mobile to a non-mobile page), hence disabling it.
                $.mobile.ajaxEnabled =false;
            });
        </script>
     

         <script src="@Url.Content("~/Scripts/jquery.mobile-1.1.1.js")" type="text/javascript"></script>
         <script src="@Url.Content("~/Scripts/jquery.mobile.datebox-1.0.1.js")" type="text/javascript"></script>
         <link href="@Url.Content("~/Content/css/jquery.mobile.datebox-1.0.1.css")" rel="stylesheet" type="text/css" />
         <link href= "@Url.Content("~/Content/css/jquery.mobile.simpledialog.min.css")" rel="stylesheet" type="text/css" />
         <script src= "@Url.Content("~/Scripts/jquery.mobile.simpledialog.min.js")" type="text/javascript"></script>
    
 
    <script type="text/javascript">
        $(document).ready(function () {
            var footer_height = $("#footer").height();
            $("#container").css({
                'padding-bottom': footer_height + 5
            });
        });
       //debugger;

       $(document).ready(function () {

           //$('.ui-checkbox').removeClass('ui-disabled');
           $('#successContent').hide();


          // $("#myform").validationEngine('attach'); 

           $('div#pages a').click(PostForm);
           function PostForm(event) {
               // Clicking the navigation links at the top, get the target Url and then post the form
               document.forms[0].action = event.target.href;
               
               $("#myform").submit();

               return false;
           }
           
            $('div#pagesbottom a').click(PostForm);
           function PostForm(event) {
               // Clicking the navigation links at the top, get the target Url and then post the form
               document.forms[0].action = event.target.href;

               $("#myform").submit();

               return false;
           }

//           if ($.browser.msie && $.browser.version < 9) $('select.wide')
//                .bind('focus mouseover', function() { $(this).addClass('expand').removeClass('clicked'); })
//                .bind('click', function() { $(this).toggleClass('clicked'); })
//                .bind('mouseout', function() { if (!$(this).hasClass('clicked')) { $(this).removeClass('expand'); }})
//                .bind('blur', function() { $(this).removeClass('expand clicked'); });




       });
        
      
     </script> 
    
    </head> 

<body> 
<div  data-role="page" data-theme="c">
    <div id="container">
            @* @Html.Partial("_ViewSwitcher")*@
            @* <div data-role="header"><h1>@ViewBag.Title</h1></div>*@
        <div id="header">
            <img alt="Epi Info 7 - Epi Web Enter" src="~/Content/images/epiIcon.png" />
            <h1>Epi Info™ Web Enter</h1>
        </div>
        <div data-role="content" style="padding:0px !important;" id="maincontent">   
            @RenderSection("featured", false)
            @RenderBody()		
        </div>
        
    </div><!--Container Div-->
    @Html.Partial("FooterPartial")
</div>
<input type="hidden" name="IsMobile" id="IsMobile"/>
</body>
</html>
